<template>
  <view class="privacy-page">
    <view class="content">
      <view class="section">
        <view class="title">隐私政策</view>
        <view class="update-time">更新时间：2024年12月23日</view>
        <view class="text">
          本应用重视用户的隐私保护，在您使用我们的服务时，我们可能会收集和使用您的相关信息。我们希望通过本隐私政策向您说明我们在收集和使用您个人信息时对应的处理规则。
        </view>
      </view>

      <view class="section">
        <view class="subtitle">1. 我们收集的信息</view>
        <view class="text">
          1.1 您提供的信息：当您注册账户、预约服务时，我们会收集您的手机号码等必要信息。
        </view>
        <view class="text">
          1.2 位置信息：在您使用基于位置的服务时，我们可能会收集您的位置信息。
        </view>
      </view>

      <view class="section">
        <view class="subtitle">2. 信息的使用</view>
        <view class="text">
          2.1 提供服务：我们使用收集的信息来提供、维护和改进我们的服务。
        </view>
        <view class="text">
          2.2 安全保护：我们使用收集的信息来验证身份，保护账户安全。
        </view>
      </view>

      <view class="section">
        <view class="subtitle">3. 信息的保护</view>
        <view class="text">
          3.1 我们使用各种安全技术和程序来保护您的个人信息不被未经授权的访问、使用或泄漏。
        </view>
        <view class="text">
          3.2 我们只会在法律要求或必要的业务目的下保留您的个人信息。
        </view>
      </view>

      <view class="section">
        <view class="subtitle">4. 信息共享</view>
        <view class="text">
          除非获得您的明确同意，我们不会与任何第三方分享您的个人信息，但以下情况除外：
        </view>
        <view class="text">
          4.1 根据法律法规要求必须提供的；
        </view>
        <view class="text">
          4.2 为维护本应用的合法权益必须提供的。
        </view>
      </view>

      <view class="section">
        <view class="subtitle">5. 隐私政策的变更</view>
        <view class="text">
          我们可能适时修改本隐私政策，并在本页面更新。建议您定期查看本隐私政策。
        </view>
      </view>

      <view class="section">
        <view class="subtitle">6. 联系我们</view>
        <view class="text">
          如果您对本隐私政策有任何疑问，请联系我们的客服人员。
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
// 页面逻辑
</script>

<style lang="scss" scoped>
.privacy-page {
  min-height: 100vh;
  background: #fff;
  padding: 30rpx;
}

.content {
  .section {
    margin-bottom: 40rpx;

    .title {
      font-size: 36rpx;
      font-weight: bold;
      color: #333;
      margin-bottom: 20rpx;
    }

    .update-time {
      font-size: 24rpx;
      color: #999;
      margin-bottom: 30rpx;
    }

    .subtitle {
      font-size: 32rpx;
      font-weight: 500;
      color: #333;
      margin-bottom: 20rpx;
    }

    .text {
      font-size: 28rpx;
      color: #666;
      line-height: 1.6;
      margin-bottom: 20rpx;
    }
  }
}
</style>
